/**
* Created by meizhao on 2020-03-28.
*/

<template>
  <div>
    <van-nav-bar
      title="规章制度"
      left-text=""
      left-arrow
      @click-left="onClickLeft"
    />
    <div class="drea" v-for="(item,index) in regulat">
      <div class="imgs">
        <img src="../../../assets/zhidu.png">
      </div>
      <div class="draf_left">
          <span class="title">
            {{item.title}}
          </span>
      </div>
      <div class="times">
        <p class="time">{{item.updateTime}}</p>
      </div>
      <div class="draf_right">
        <img src="../../../assets/right.png">
      </div>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
  import { getAllReformation } from '../../../api/index.js'
  export default {
    data() {
      return {
        regulat:''
      }
    },
    methods:{
      onClickLeft(){
        this.$router.push({path:'../Message'})
      },
      //数据
      async draft() {
        let msg = await getAllReformation()
        this.regulat = msg.data
      },
    },
    mounted(){
      this.draft()
    },
  };
</script>

<style>
  body {
    width: 100%;
    height: 100%;
    position: relative;
    background: #ebebeb
  }
</style>
<style lang="stylus" rel="stylesheet/stylus" scoped>
  .drea
    display flex
    font-size 30px
    margin 30px
    padding:40px
    background #ffffff
    border-radius 20px
    .imgs
      img
        width: 60px
        height:68px
        vertical-align:middle;
    .draf_left
      flex 1
      line-height: 62px;
      margin-left: 20px;
      .title
        font-weight 600
        font-size 32px
    .times
      line-height: 62px;
      .time
        font-size 26px
        color: #9E9E9E
        margin-right 10px
    .draf_right
      margin-top 20px
      img
        width 13px
        height:24px
        flex 2

</style>
